<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <!-- Define Charset -->
    <meta charset="utf-8">
    
    <!-- Page Title -->
    <title>Dynamo - Sell/Buy/Rent Cars Online HTML5 Responsive Template - FAQ</title>

    <!-- Responsive Metatag -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
       
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap.css"/>
                    
    <!-- Font icons -->
    <link rel="stylesheet" href="css/fontello.css" >
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/fontello-ie7.css" ><![endif]-->
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="css/media-queries.css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>        
    <![endif]-->

    <!-- Media queries -->
    <!--[if lt IE 9]>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
</head>


<body>
    <header>
        <!-- begin Top Bar -->
        <div class="topbar" >
            <jsp:include page="import/topbar.jsp"/>
        </div>
        <!-- end Top Bar -->
        
        <!-- begin NavBar -->
        <nav class="navbar" role="navigation">
            <jsp:include page="import/navbar.jsp"/>
        </nav>
        <!-- end NavBar -->

        <!-- begin Sub Bar -->
        <div class="subbar" >
            <jsp:include page="import/sub-bar.jsp"/>
        </div>
        <!-- end Sub Bar -->    
    </header>



    <!-- FAQ -->
    <section>
        <div class="container">
            <article>

                <div class="row pagetitle">
                    <div class="col-xs-12">
                        <h2>FAQ</h2>
                    </div>
                </div>  

                <div class="row">
                    <div class="col-xs-12">

                        <div class="panel-group fullsize" id="accordion">
                            
                            <div class="panel panel-accordion">
                                <div class="panel-heading">
                                    <p class="panel-title">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                            <span class="badge pull-right"><i class="icon-minus"></i></span>
                                            <span class="colorletter">Q:</span> What we do and why we do it?
                                        </a>
                                    </p>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse in">
                                    <div class="panel-body">
                                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>

                                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augutis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>

                                        <p>A conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-accordion">
                                <div class="panel-heading">
                                    <p class="panel-title">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                                            <span class="badge pull-right"><i class="icon-plus"></i></span>
                                            <span class="colorletter">Q:</span> Sed Molestie Augue Sit Amet Leo Messi? 
                                        </a>
                                    </p>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubiliverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-accordion">
                                <div class="panel-heading">
                                    <p class="panel-title">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                                            <span class="badge pull-right"><i class="icon-plus"></i></span>
                                            <span class="colorletter">Q:</span> Integer sed porta quam tempus aliquam
                                        </a>
                                    </p>
                                </div>

                                <div id="collapseThree" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubiliverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitus mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-accordion">
                                <div class="panel-heading">
                                    <p class="panel-title">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
                                            <span class="badge pull-right"><i class="icon-plus"></i></span>
                                            <span class="colorletter">Q:</span> Integer sed porta quam tempus aliquam
                                        </a>
                                    </p>
                                </div>

                                <div id="collapseFour" class="panel-collapse collapse">
                                    <div class="panel-body">
                                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubiliverra. Nulla frgna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>

                                        <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubiliverra. Nulla frgna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-accordion">
                                <div class="panel-heading">
                                    <p class="panel-title">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
                                            <span class="badge pull-right"><i class="icon-plus"></i></span>
                                            <span class="colorletter">Q:</span> Integer sed porta quam tempus aliquam
                                        </a>
                                    </p>
                                </div>

                                <div id="collapseFive" class="panel-collapse collapse">
                                <div class="panel-body">
                                        <p>A taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubiliverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim. Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. </p>
                                    </div>
                                </div>
                            </div>

                        </div>                  
                    </div>
                </div>

            </article>
        </div>
    </section>
    <!-- end FAQ -->


    
    <footer>
         <!-- begin top Footer -->
         <jsp:include page="import/footer.jsp"/>
        <!-- begin bottom Footer -->
    </footer>
    
    <!-- Javascript Files -->
    <!-- jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write("<script src=\"js/jquery-1.9.1.min.js\"")</script>
    
    <!-- Respond.js media queries for IE8 -->
    <script src="js/respond.min.js"></script>
    
    <!-- Bootstrap-->
    <script src="js/bootstrap.min.js" ></script>
 
    <!-- Retina.js -->
    <script src="js/retina.js" ></script>

    <!-- Placeholder.js http://widgetulous.com/placeholderjs/ -->
    <script src="js/placeholder.js" ></script>
    
    <!-- Go to top -->
    <script src="js/jquery.scrollTo-1.4.3.1-min.js" ></script>

             

    <!-- Custom -->
    <script src="js/script.js"  ></script>

    <!-- End Javascript Files -->
</body>
</html>